<template>
	<view class="flex justify-center code py-4">
		<!-- #99 -->
		<view class="flex justify-center img_text" >
			<image src="../static/icon/wechat.png" style="width: 70px; height: 70px;" mode="aspectFit" />
			<text class="er_text" style="">小程序</text>
		</view>
		<view v-for="(item, index) in erimagestext.slice(1,3)" :key="index" class="flex justify-center w-100 img_text" >
			<!-- <image src="../../../static/icon/apk.png" mode="aspectFit" /> -->
			<Qrcode ref="qrcode" onval :val="item.Url" :size="120" :load-make="true" :show-loading="false" />
			<text class="er_text"
				style="">{{item.Group_OR_Code_Name}}</text>
		</view>
<!-- 		<view v-for="(item, index) in erimagestext" :key="index" class="flex justify-center w-100 img_text" >
			<Qrcode ref="qrcode" onval :val="item.Url" :size="120" :load-make="true" :show-loading="false" />
			<text class="er_text"
				style="">{{item.Group_OR_Code_Name}}</text>
		</view> -->
		<!-- <view class="flex justify-center w-100 img_text">
			<Qrcode ref="qrcode" onval :val="dizhi" :size="120" :load-make="true" :show-loading="false" />
			<text class="er_text"
				style="">官网</text>
		</view> -->
		<!-- <view class="flex justify-center w-100 img_text">
			<Qrcode ref="qrcode" onval :val="dizhi" :size="120" :load-make="true" :show-loading="false" />
			<text class="er_text"
				style="">h5微服务</text>
		</view> -->
	</view>
</template>

<script>
	import Qrcode from "@/components/qrcode/qrcode.vue"
	import { getInquiryTourist } from '@/api/global.js'
	export default {
		components: {
			Qrcode,
		},
		data() {
			return {
				// #99
				dizhi: "https://marketing.ediblefungus.cn/dist/h5XKLJ/index.html#/",
				erimagestext:[
					// {
					// 	img:"https://marketing.ediblefungus.cn/dist/h5XKLJ/index.html#/",
					// 	text:"小程序"
					// },
					// {
					// 	img:"https://marketing.ediblefungus.cn/dist/h5XKLJ/index.html#/",
					// 	text:"官网"
					// },
					// {
					// 	img:"https://marketing.ediblefungus.cn/dist/h5XKLJ/index.html#/",
					// 	text:"h5微服务"
					// },
				]
			}
		},
		
		mounted() {          //gxyherimagestext.json
			this.getData()
		},
		methods: {
			async getData(){
				const res = await getInquiryTourist ({
					Data:'group_qr_code',
					isNullEnterprise:true
				})
				if(res){
					this.erimagestext = res
				}
			},
		},
	}
</script>

<style scoped lang="scss">
	.img_text{
		display: flex;
		flex-direction: column;
		justify-content: center;
		justify-items: center;
		align-items: center;
		// padding: 5px;	
	}
	.er_text{
		color: #28A745;
		cursor: pointer;
		font-size: 14px;
	}
	.box {
		box-sizing: border-box;
	}

	.border-button {
		border-width: 5rpx;
		border-style: solid;
		box-sizing: border-box;
	}

	.bg-img {
		position: absolute;
		width: 100%;
		height: 200rpx;
		bottom: 0;
	}

	.line {
		height: 8rpx;
		width: 8rpx;
		margin-right: 11px;
	}

	.table-hover:hover .text-hover {
		color: white;
	}

	.table-hover:hover .view-hover {
		background-color: #28a745;
	}

	.boxshadow1 {
		box-shadow: inset -15px 0px 15px -20px #000;
	}

	.hover {
		cursor: pointer;
	}

	.hover :hover {
		color: #28a745;
	}

	.hand {
		cursor: pointer;
	}

	.goodshover {
		cursor: pointer;
	}

	.goodshover:hover {
		box-shadow: 0 0 5rpx rgba(0, 0, 0, 0.3);
		transform: translateY(-5rpx);
		transition: 0.5s;
	}

	.QR {
		//   justify-content: space-between;
		flex-direction: column;

		.code {
			justify-content: space-between;
		}

		view {
			image {
				width: 120rpx;
				height: 120rpx;
			}
		}
	}
</style>